<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:: JFR Sports ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/rexstyle.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet"  href="css/ui_1.7/css/jquery-ui.css" type="text/css" />

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui.min.js"></script>-->
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script type="text/javascript" src="js/global.js" charset="UTF-8"></script>


<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>

<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/funciones.js"></script>
<script type="text/javascript">
	$(function()
	{
		$('.scroll-pane').jScrollPane({showArrows:false, scrollbarWidth:10, dragMaxHeight:12});
	});
</script>
<script src="js/bgstretcher.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
    //  Initialize Backgound Stretcher	   
		$(document).bgStretcher({
			images: ['images/body-1.jpg']
		});
	});
</script>
<!--[if lt IE 7]>
  <script type="text/javascript" src="js/ie_png.js"></script>
  <script type="text/javascript">
  ie_png.fix('.png, #main-bg-top, #footer, #logo, #slogan, #icons li img, h2 img');
  </script>
  <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page2" onload="new ElementMaxHeight();">
<div id="main-bg-top">
  <div id="main">

    <!-- header -->
    <div id="header"> <a href="index.jsp"><img src="images/logo.png" id="logo" alt="" /></a> <big><a href="login.jsp">Login</a> <span>/</span> <a href="RegistrarClienteServlet">Registrate</a></big>
      <ul id="icons">
        <li><span></span></li>
      </ul>
      <div id="menu">
        <ul>
          <li class="act"><a href="#">Inicio</a></li>
          <li><a href="#">Nosotros</a></li>
          <li><a href="#">Reservas</a></li>

          <li><a href="#">Promociones</a></li>
          <li><a href="#">Cont&aacute;ctenos</a></li>
        </ul>
      </div>
      </div>
    <!-- content -->
    <div id="content">
      <div id="indent">
        <div class="wrapper">
          <div class="col-1">

            <div class="box">
              
                              <div class="inner">
                                <div class="wrapper">
                                  
                                </div>
                              </div>
                          
            </div>
          </div>
          <div class="col-2">
            <div class="box-2">
             
                              <div class="inner">
                                <div class="wrapper">

                                    <h1>Registrarse</h1>
                                    <div id="insert" style="width:600px;">                                    
                                    <fieldset>
                                    <legend>Ingreso de datos</legend>
                                    
                                    <% 
                                    String valor = String.valueOf(request.getAttribute("valor")); 
                                    if (valor.equals("")) valor = "false";
                                    if (valor.equals("true")) { 
                                    %>
                                    <div id="errores" style="width:95%; padding:10px; border:solid 1px red; margin-top:10px; margin-bottom:10px; color:red; background:#f8f8ff;">
                                    	${msg1}                                    	
                                    </div>
                                    <% } %>
                                    
                                    
                                    <form name="frmCliente" method="POST" action="RegistrarClienteServlet">	
	                                    <label>Usuario:</label><input type="text" id="txtUsuario" name="txtUsuario" value="${usuario}" /><br />
	                                    <label>Nombres:</label><input type="text" id="txtNombre" name="txtNombre" value="${nombre}" /><br />
	                                    <label>Paterno:</label><input type="text" id="txtPaterno" name="txtPaterno" value="${paterno}" /><br />
	                                    <label>Materno:</label><input type="text" id="txtMaterno" name="txtMaterno" value="${materno}" /><br />
                                        <label>Razón Social:</label><input type="text" id="txtRazon" name="txtRazon" value="${razon}" /><br />
	                                    <label>Password:</label><input type="password" id="txtPassword" name="txtPassword" value="${password}" /><br />
	                                    <label>Repita el Password:</label><input type="password" id="txtPassword2" name="txtPassword2" value="${password2}" /><br />
	                                    <label>Direccion:</label><input type="text" id="txtDireccion" name="txtDireccion" value="${direccion}" /><br />
	                                    <!--<label>Distrito:</label><input type="text" id="txtDistrito" name="txtDistrito" value="${distrito}" /><br />-->
	                                    <label>Distrito:</label>
										<select name = "cboDistrito">
		                                   	<option>Cercado de Lima</option>
											<option>Ate</option>
											<option>Barranco</option>
											<option>Brena</option>
											<option>Comas</option>
											<option>Chorrillos</option>
											<option>Jesus Maria</option>
											<option>La Molina</option>
											<option>La Victoria</option>
											<option>Lince</option>
											<option>Miraflores</option>
											<option>Rimac</option>
											<option>San Isidro</option>
											<option>San Luis</option>
											<option>San Miguel</option>
											<option>Santiago de Surco</option>
											<option>Surquillo</option>
											<option>Los Olivos</option>
											<option>San Borja</option>
											<option>Villa El Savador</option>
											<option>Santa Anita</option>
											<option>Pueblo Libre</option>
											<option>Puente Piedra</option>
											<option>San Juan de Miraflores</option>
											<option>San Juan de Lurigancho</option>
											<option>San Martin de Porres</option>
											<option>Independencia</option>
										</select><br>	
	                                    <label>Fecha Nacimiento:</label><input class="datepicker" type="text" id="txtFecNacimiento" name="txtFecNacimiento" value="${fecNac}" /><br />		
	                                    <label>Tipo de Documento:</label>
	                                    <select name="cboTipDoc">
    	                                    <option value="DNI" selected="selected">DNI</option>
                                            <option value="RUC">RUC</option>
                                            <option value="Pasaporte">Pasaporte</option>
                                            <option value="Otros">Otros</option>
	                                    </select><br />
	                                    <label>Nro. Documento:</label><input type="text" id="txtNroDocumento" name="txtNroDocumento" maxlength="11" value="${nroDoc}" /><br />
	                                    <label>Teléfono:</label><input type="text" id="txtTelefono" name="txtTelefono"  value="${telefono}" /><br />	
	                                    <label>Sexo:</label>
    	                                    <input type="radio" name="opcSexo" value="M" checked>Masculino
                                            <input type="radio" name="opcSexo" value="F">Femenino
                                            <br />                                        
	                                    <label>Correo:</label><input type="text" id="txtCorreo" name="txtCorreo" value="${correo}" /><br />
	                                    <label>Repita el Correo:</label><input type="text" id="txtCorreo2" name="txtCorreo2" value="${correo2}" /><br />	
	                                    <label>&nbsp;</label><input type="submit" name="submit1" value="Enviar" /> <input type="reset" name="reset1" value="Limpiar" />
                                    </form>                                    
                                    </fieldset>
                                    </div>

                                </div>
              </div>
                            
            </div>
          </div>

        </div>
      </div>
    </div>
<%@include file="footer.jsp" %>